<template>
  <view class="page-wrapper page-space">
    <view class="dict-item">
      <view class="dict-code">ConfigTypeEnum：</view>
      <view>{{ ConfigTypeEnum }}</view>
    </view>
    <view class="dict-item">
      <view class="dict-code">DataChangeTypeEnum：</view>
      <view>{{ DataChangeTypeEnum }}</view>
    </view>
    <view class="dict-item">
      <view class="dict-code">DataStatusEnum：</view>
      <view>{{ DataStatusEnum }}</view>
    </view>
    <view class="dict-item">
      <view class="dict-code">翻译：</view>
      <view>不建议使用该方式翻译</view>
    </view>
    <view class="dict-item">
      <view class="dict-code">遍历：</view>
      <view v-for="x in DataStatusEnum" :key="x.value">{{ x.value }}：{{ x.label }}</view>
    </view>
    <view class="dict-item">
      <view class="dict-code">代码：</view>
      <view class="demo-code">
        const {
        <view style="padding-left: 1em">ConfigTypeEnum, </view>
        <view style="padding-left: 1em">DataChangeTypeEnum, </view>
        <view style="padding-left: 1em">DataStatusEnum</view>
        } = useDictList([
        <view style="padding-left: 1em">'ConfigTypeEnum', </view>
        <view style="padding-left: 1em">'DataChangeTypeEnum', </view>
        <view style="padding-left: 1em">'DataStatusEnum'</view>
        ]);
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import "./index.css";
import {useDictList} from "@/soar/hooks/dict";

const { ConfigTypeEnum, DataChangeTypeEnum, DataStatusEnum } = useDictList(['ConfigTypeEnum', 'DataChangeTypeEnum', 'DataStatusEnum']);

</script>

<style lang="scss">
@import "../index.css";
</style>
